<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
     <!-- 
        选择器
        1，标签选择器
        2，class选择器
        3，通配符
        4，id选择器 一阶段不常用
            a,在样式表里以#你自己取的名字{}  如，#all{color:red;}
            b,在标签上用id调用  <div id="all"></div>
            id选择器具有唯一性,属性值只能是一个
        5,群组选择器
            把相同的代码组合到一起，用逗号隔开
        6,后代选择器（包含选择器）
            语法： 选择器1 选择器2{属性:属性值;....} 最终改的是选择器2

     -->
     <style>
         /* ul li{
           color:red;  
         } */
         .box li{
             color:red;
         }
     
     </style>
</head>
<body>
   <ul class="box">
       <li>1大大</li>
       <li>2大大</li>
   </ul> 
   <ul>
       <li>上海疫情</li>
       <li>深圳没有疫情</li>
   </ul>
</body>
</html>